<template>
	<view class="welfareCenterPage">
		<view class="backgroundWhite">
			<view class="verificationRecords flex padding-bottom_20rpx border-bottom-ECECEC">
				<view class="flex-column-between-start margin-right_30rpx" style="height:  185.48rpx;">
					<view style="font-size: 16px;">
						草原黄牛肉一份
					</view>
					<view style="color: rgb(148, 148, 148);">
						黄牛肉，宁夏回族自治区固原市泾源 县特产黄牛肉。
					</view>
				</view>
				<view class="">
					<image class="img" src="../../../static/会员卡管理端/6045b99a804a5_01.png" mode=""></image>
				</view>

			</view>
			<view class="flex-between margin-top_40rpx">
				<view class="flex">
					<view class="month flex margin-right_40rpx">
						本月 <text><uni-icons type="down" size="15"></uni-icons></text>
					</view>
					<view class="writeOff flex">
						核销 <text><uni-icons type="down" size="15"></uni-icons></text>
					</view>
				</view>
				<view class="flex " style="color: rgb(148, 148, 148);">
					已核销 8
				</view>
			</view>
		</view>
		<view class="verificationRecordsList">
			<view class="flex-betweens padding-bottom_30rpx border-bottom-ECECEC">
				<view class="font-weight_bold">
					普通用户:15575412215
				</view>
				<view style="color: rgb(81, 142, 247);">
					核销成功
				</view>
			</view>
			<view class="flex-between padding_30rpx_0" style="color: rgb(80, 77, 78);">
				<view class="">
					核销人:某某员工
				</view>
				<view >
					核销码：3265 1131 1564
				</view>
			</view>
			<view >
				<text style="color: rgb(80, 77, 78);font-size:26rpx;">2022-10-05 16:20	</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {

		},
		data() {
			return {
				tabIndex: 4
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="less">
	page {
		background: #f6f6f6;
	}

	.welfareCenterPage {


		.backgroundWhite {
			background: rgb(255, 255, 255);
			padding: 30rpx;

			.verificationRecords {
				border-radius: 20rpx;
				padding: 30rpx;
				box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(0, 0, 0, 0.1);
				background: rgb(255, 255, 255);
			}

			.img {
				width: 185.48rpx;
				height: 185.48rpx;

			}

			.month {
				border-radius: 200rpx;
				width: 133.58rpx;
				height: 51.7rpx;
				background: rgb(223, 223, 223);
			}

			.writeOff {
				border-radius: 200rpx;
				width: 133.58rpx;
				height: 51.7rpx;
				background: rgb(223, 223, 223);
			}
		}

		.verificationRecordsList {
			padding: 30rpx 40rpx;
			margin-top: 20rpx;
			width: 375px;
			
			background: rgb(255, 255, 255);
		}
	}
</style>